<template>
  <div class="app-container">
    <el-tabs v-model="activeName" class="detail-tab" type="card">
      <el-tab-pane label="库存积压提醒" name="first">
        <el-row :gutter="20">
          <el-col :span="24">
            <panel-group-for-stock-c></panel-group-for-stock-c>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
    <el-tabs v-model="activeName" class="detail-tab" type="card">
      <el-tab-pane label="入库统计" name="first">
        <el-row :gutter="20">
          <el-col :span="24">
            <panel-group-for-order-in-c></panel-group-for-order-in-c>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
    <el-tabs v-model="activeName" class="detail-tab" type="card">
      <el-tab-pane label="销售统计" name="first">
        <el-row :gutter="20">
          <el-col :span="24">
            <panel-group-for-sale-c></panel-group-for-sale-c>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
    <el-tabs v-model="activeName" class="detail-tab" type="card">
      <el-tab-pane label="销售回款" name="first">
        <el-row :gutter="20">
          <el-col :span="24">
            <panel-group-for-fund-back-c></panel-group-for-fund-back-c>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
    <el-tabs v-model="activeName" class="detail-tab" type="card">
      <el-tab-pane label="报销统计总览" name="first">
        <el-row :gutter="20">
          <el-col :span="24">
            <panel-group-for-reimburse-c></panel-group-for-reimburse-c>
          </el-col>
        </el-row>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>


    import PanelGroupForStockC from "./module/company/PanelGroupForStockC";
    import PanelGroupForSaleC from "./module/company/PanelGroupForSaleC";
    import PanelGroupForReimburseC from "./module/company/PanelGroupForReimburseC";
    import PanelGroupForOrderInC from "./module/company/PanelGroupForOrderInC";
    import PanelGroupForFundBackC from "./module/company/PanelGroupForFundBackC";

    export default {
        title:"总览统计",
        name: "StatisticsForCompany",
        components: {
            PanelGroupForFundBackC,
            PanelGroupForOrderInC,
            PanelGroupForReimburseC,
            PanelGroupForSaleC,
            PanelGroupForStockC,
        },
        data() {
            return {
                activeName: "first",
            };
        },
        created() {

        },
        methods: {},

    }
</script>

<style scoped>

</style>
